.codeVerify {
  z-index: 1005;
  width: 100%;
  border-radius: 20px 20px 0 0;

  &.at-float-layout {
    z-index: 1005;
  }

  .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    .theIcon {
      position: absolute;
      top: 30px;
      left: 20px;
      width: 60px;
      height: 50px;
      .backIcon {
        width: 30px;
        height: 40px;
      }
    }
    .ncenter {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .header {
      flex-shrink: 0;
      margin-top: 40px;
      width: 100%;
      height: 40px;
      font-size: 28px;
      color: #1d1d26;
      line-height: 40px;
    }
    .inputArea {
      flex-shrink: 0;
      width: 100%;
      margin-top: 60px;
      box-sizing: border-box;
      padding: 0 77px;
      display: flex;
      flex-direction: column;
      .title {
        flex-shrink: 0;
        height: 50px;
        font-size: 38px;
        font-weight: bold;
        color: rgba(0, 0, 0, 0.85);
        line-height: 53px;
      }
      .codeArea {
        flex-shrink: 0;
        margin: 30px 0;
        width: 100%;
        height: 116px;
        display: flex;
        justify-content: space-between;
        position: relative;
        .codeInput {
          width: calc(200%);
          position: absolute;
          left: -120px;
          top: 20px;
          height: 116px;
          background: #e9e9e9;
          opacity: 0;
          font-size: 10px;
        }
        .code {
          width: 86px;
          height: 116px;
          border-radius: 10px;
          border: 1px solid #979797;
          font-size: 46px;
          font-weight: bold;
        }
      }
      .line {
        width: 100%;
        height: 33px;
        display: flex;
        justify-content: flex-end;
        .send {
          height: 33px;
          font-size: 24px;
          font-weight: 400;
          color: #999999;
          line-height: 33px;
          &.btn {
            color: #6D86C4;
          }
        }
      }
    }
    .txt {
      flex-shrink: 0;
      width: 100%;
      height: 40px;
      font-size: 28px;
      font-weight: 400;
      color: #1D1D26;
      line-height: 40px;
      margin: 57px 0 30px;
    }
    .bottom {
      flex-shrink: 0;
      width: 100%;
      height: 90px;
      margin-bottom: 70px;
      .btn {
        width: 680px;
        height: 90px;
        background: #DCDCDC;
        border-radius: 45px;
        font-size: 28px;
        font-weight: bold;
        color: #FFFFFF;
        pointer-events: none;
        &.active {
          background: #6D86C4;
          pointer-events: auto;
        }
      }
    }
  }
}
.layout-body {
  padding: 0 !important;
}
.layout-page__content {
  box-sizing: border-box;
}
.at-float-layout__container {
  border-radius: 20px 20px 0 0 !important;
}
